<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <!-- 加粗的文本 标题 hx 双标签 -->
    <h1>精彩课堂：网页开发基础</h1>
    <h2>课程介绍</h2>
    <!-- 大段文本 p 标签 双标签 -->
    <p>
      本课程旨在为：Lorem ipsum dolor, sit amet consectetur adipisicing elit. Autem ratione quas atque labore sint vitae dolor quasi quae velit sit ipsa provident, non facilis, maxime cupiditate
      possimus eius recusandae nisi.
    </p>
    <!-- 按钮 button 双标签 -->
    <button>点击了解更多</button>
    <!-- 超链接 a 双标签 -->
    <a href="https://www.baidu.com">查看课程详情</a>
    <!-- 图片 img 单标签 -->
    <a href="https://www.taobao.com">
      <img width="200" src="https://pic.rmb.bdstatic.com/0df445b47c1e1b45e5840929a0bd251e.png" alt="" />
    </a>
    <h2>课程大纲</h2>
    <!-- ul+li 或者 ol+li  实现 有序和无序列表 -->
    <ul>
      <li>html 基础</li>
      <ul>
        <li>html 标签</li>
        <li>页面结构</li>
      </ul>
    </ul>
    <ol>
      <li>html 基础</li>
      <ol>
        <li>html 标签</li>
        <li>页面结构</li>
      </ol>
    </ol>

    <!-- 播视频 video-->
    <video
      controls
      src="//cn-gdfs-ct-01-02.bilivideo.com/upgcxcode/34/19/26549551934/26549551934-1-16.mp4?e=ig8euxZM2rNcNbRVhwdVhwdlhWdVhwdVhoNvNC8BqJIzNbfq9rVEuxTEnE8L5F6VnEsSTx0vkX8fqJeYTj_lta53NCM=&uipk=5&nbs=1&deadline=1731899922&gen=playurlv2&os=bcache&oi=1948154707&trid=00005b52d3fc5e4e43f49d490939126be621h&mid=0&platform=html5&og=cos&upsig=b3287ff70eedc38073975161058c19d0&uparams=e,uipk,nbs,deadline,gen,os,oi,trid,mid,platform,og&cdnid=60902&bvc=vod&nettype=0&f=h_0_0&bw=38884&logo=80000000"
    ></video>
    <!-- 播音频 audio-->
    <audio
      controls
      src="//cn-gdfs-ct-01-02.bilivideo.com/upgcxcode/34/19/26549551934/26549551934-1-16.mp4?e=ig8euxZM2rNcNbRVhwdVhwdlhWdVhwdVhoNvNC8BqJIzNbfq9rVEuxTEnE8L5F6VnEsSTx0vkX8fqJeYTj_lta53NCM=&uipk=5&nbs=1&deadline=1731899922&gen=playurlv2&os=bcache&oi=1948154707&trid=00005b52d3fc5e4e43f49d490939126be621h&mid=0&platform=html5&og=cos&upsig=b3287ff70eedc38073975161058c19d0&uparams=e,uipk,nbs,deadline,gen,os,oi,trid,mid,platform,og&cdnid=60902&bvc=vod&nettype=0&f=h_0_0&bw=38884&logo=80000000"
    ></audio>
  </body>
</html>
